<h3>类型</h3>
<h4>基本类型</h4>
<div class="example" contenteditable="true">
  <ul class="list-group">
    <li class="list-group-item">
      <a href="#">用ul &gt; li实现，点击区域只有文字</a>
    </li>
    <li class="list-group-item">todo</li>
    <li class="list-group-item">story</li>
    <li class="list-group-item">task</li>
    <li class="list-group-item">bug</li>
    <li class="list-group-item">case</li>
  </ul>
</div>
<h4>链接</h4>
<div class="example list-group" contenteditable="true">
  <a href="#" class="list-group-item">用div &gt; a实现，实现整行点击</a> <a href="#"
  class="list-group-item">todo</a> <a href="#" class=
  "list-group-item">story</a> <a href="#" class="list-group-item active">task
  active</a> <a href="#" class="list-group-item">bug</a> <a href="#" class=
  "list-group-item">case</a>
</div>
<h3>变化</h3>
<h4>定制列表内容</h4>
<div class="example list-group" contenteditable="true">
  <a href="#" class="list-group-item">
  <h4 class="list-group-item-heading">我是包含在a标签里面的h4标签</h4>
  <p class="list-group-item-text">我是包含在a标签里面的p标签，</p></a> <a href="#" class=
  "list-group-item active">
  <h4 class="list-group-item-heading">我是包含在a标签里面的h4标签</h4>
  <p class="list-group-item-text">我是包含在a标签里面的p标签，</p></a> <a href="#" class=
  "list-group-item">
  <h4 class="list-group-item-heading">我是包含在a标签里面的h4标签</h4>
  <p class="list-group-item-text">我是包含在a标签里面的p标签，</p></a>
</div>
